﻿/*---YUI RESET 2.9.0-----*/
html { background:#fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top;}sub{vertical-align:baseline}legend{color:#000}:focus{outline:0;}
a,a:hover,a:active,a:focus,a:selected{outline:0;ie-dummy:expression(this.hideFocus=true);}

/*---CLEARFIX-----*/
.clearfix:before, .clearfix:after, article:before, article:after { content:""; display:table; } 
.clearfix:after, article:after { clear:both; } 
.clearfix, article { zoom:1; } /* For IE 6/7 (trigger hasLayout) */

/*---GENERAL-----*/
body { font-size:15px; font-family:arial, helvetica, sans-serif; color:#000; }
h1 { }
h2 { margin:0 0 20px 0; font-weight:bold; font-size:18px; }
h3 { }
h4 { }
h5 { }
h6 { }
p { font-size:15px; margin-bottom:20px; }
strong { font-weight:bold; }

.to-left { float:left; margin:0 15px 15px 0; }
.to-right { float:right; margin:0 0 15px 15px; }
img.to-left { }
img.to-right { }

/*---HEADER-----*/
#header { padding:15px 0; background:#000; }
	#header .header-div { margin:0 auto; width:1000px; }
		#header .logo-link { float:left; }
		#header .navigation-list { float:left; }
			#header .navigation-list li { display:inline; display:inline-block; margin-left:30px; }
				#header .navigation-list li a { font-size:14px; color:#999; text-decoration:none; text-transform:uppercase; }
				#header .navigation-list li a:hover { border-bottom:2px solid #548bd4; }
			#header .navigation-list li.current a { font-weight:bold; color:#548bd4; }
		#header .user-link { float:right; }
			#header .user-link { font-size:14px; line-height:22px; color:#4b7dbf; text-decoration:none; text-transform:uppercase; }
			#header .user-link:hover { text-decoration:underline; }
	#header img { vertical-align:top; }

/*---FOOTER-----*/
#footer { border-top:5px solid #ddd; }
	#footer .footer-div { margin:0 auto; padding:15px 0; width:1000px; }
		#footer .footer-div a { font-size:12px; line-height:20px; color:#000; }


/*---TITLE-----*/
#title { padding:15px 0; background:#8db1e2; }
	#title .title-div { margin:0 auto; width:1000px; }
		#title .title-div h1 { font-weight:bold; font-size:20px; color:#fff; }

/*---BODY-----*/
#body { padding:40px 0 0 0; margin:0 auto; width:1000px; }

#nav-div { margin:-40px 40px 0 0; padding-top:40px; float:left; width:220px; background:#bfbfbf; }
#content-div { float:left; width:580px; }
#content-wide-div { float:none; width:1000px; padding:0; }
#aside-div { float:right; padding:0 50px 0 0; width:220px; }

/*---TAG-BROWSER-----*/
#tags-list { min-height:500px; }
	/*#tags-list h2 { margin:0 0 25px 0; padding:3px 15px; font-size:14px; color:#fff; background:#7cb3e5; }*/
	#tags-list h2 { margin:0; padding:2px 15px; font-size:12px; color:#fff; text-transform:uppercase; background:#7cb3e5; }
	#tags-list ul { padding:5px 5px 15px 15px; }
		#tags-list ul li { margin:0 0 2px 0; position:relative; }
			#tags-list ul li a { font-size:12px; color:#fff; text-transform:uppercase; }
			#tags-list ul li a.active { display:block; padding:2px; color:#7cb3e5; background:url(../images/bg/tags-list-remove.gif) no-repeat right 0 #fff; }
			#tags-list ul li ul { padding-top:2px; padding-right:0; padding-bottom:0px; }
			#tags-list ul li .tooltip-div { display:none; position:absolute; top:-8px; left:100%; padding:10px 10px 0 10px; width:300px; z-index:9999; background:#fff; box-shadow:5px 5px 5px #ddd; }
				#tags-list ul li .tooltip-div .tooltip-arrow { position:absolute; top:10px; left:-9px; display:block; width:9px; height:18px; background:url(../images/bg/tooltip-arrow.png) no-repeat 0 -1px; }
				#tags-list ul li .tooltip-div p { margin:0 0 10px 0; font-size:12px; }
			#tags-list ul li:hover .tooltip-div { display:block; }

/*---PAGINATION-----*/
.paginator-list { float:right; margin:0 0 15px 0; }
	.paginator-list li { float:left; margin:0 0 0 5px; line-height:25px; color:#005596; font-weight:bold; }
		.paginator-list li a { display:block; color:#005596; font-weight:normal; text-decoration:none; padding:4px 7px; font-size:11px; line-height:11px; border:1px solid #005596; background:#fff; }
		.paginator-list li a:hover { color:#000; background:#ccc; border:1px solid #6e8ca3; text-decoration:none; }
		.paginator-list span { display:block; padding:4px 7px; font-weight:normal; font-size:11px; line-height:11px; color:#fff; border:1px solid #005596; background:#6E8CA3; cursor:default; }
		.paginator-list span.current { color:#fff; background:#c7c8ca; }

/*---BOX-----*/
.box-div { }
	.box-div h3 { margin:0 0 20px 0; font-size:17px; color:#5189d3; text-transform:uppercase; }
	.box-div .body-div { }
		.box-div .body-div ul { }
			.box-div .body-div ul li { position:relative; margin:0 0 10px 0; padding:0 0 0 25px; }
				.box-div .body-div ul .icon-image { position:absolute; left:0px; top:0px; }
				.box-div .body-div ul a { color:#000; }

/*---CONTENT-ITEM-LIST-----*/
.content-item-list { }
	.content-item-list .header-div { }
		.content-item-list .header-div h2 { margin:0 0 20px 0; font-size:17px; color:#5189d3; text-transform:uppercase; }
	.content-item-list .body-list { border-bottom:1px solid #d7d9dd; }
		.content-item-list .body-list li { position:relative; margin:0; padding-left:75px; border:1px solid #d7d9dd; border-bottom:0; background:#8db1e2; }
		.content-item-list .body-list li.featured-list-item { background:#fff; }
			.content-item-list .body-list .item-list-div { min-height:50px; padding:10px 20px; border-left:1px solid #d7d9dd; background:#fff; }
				.content-item-list .body-list .item-list-div .icon-div { display:block; position:absolute; top:0px; left:0px; padding:5px; width:65px; height:45px; font-size:10px; text-align:center; text-transform:uppercase; }
					.content-item-list .body-list .item-list-div .icon-div img { vertical-align:top; }
				.content-item-list .body-list .item-list-div h4 { font-size:12px; }
					.content-item-list .body-list .item-list-div h4 a { color:#000; }
				.content-item-list .body-list .item-list-div p { margin:0; font-size:12px; color:#a9a9a9; }

/*---TITLE-----*/
.content-title { overflow:hidden; margin-bottom:20px; }
	.content-title .icon-image { display:block; float:left; margin:0 5px 0 0; padding:5px; min-width:40px; font-size:9px; text-align:center; text-transform:uppercase; border:1px solid #000; background:#8DB1E2; }
		.content-title .icon-image img { }
	.content-title h2 { margin:22px 0 0 0; vertical-align:bottom; }

/*---INFO-----*/
.content-info-list { margin:20px 0 0 0; font-size:11px; }
	.content-info-list li { margin:0 0 5px 0; }
		.content-info-list a { color:#000; }